require(['./config'], function () {
  require(['jquery', 'template', 'loadHF'], function ($, template) {
    class Login {
      constructor() {
        this.addListener()
      }
      addListener () {
        // 点击登录时提交表单的操作
        $('.form-login').on('submit', this.loginHandler)
      }
      loginHandler (e) {
        // 阻止表单默认事件
        e.preventDefault()
        // 获取待提交的用户信息
        const data = $('.form-login').serialize()
        // 将数据提交到后端校验
        $.post('/api/login.php', data, (res) => {
          if (res.data.status === 1) {//登录成功
            // 存储登录成功的用户信息
            // 将登录用户的用户名保存到cookie或者webStorage中
            sessionStorage.loginUser = $("input:text[name='email']").val()
            // 跳转页面
            location = "/index.html"
          } else {//登陆失败
            $('.login-error').removeClass('hidden').text(res.data.message)
          }
        }, 'json')
      }
    }
    new Login()
  })
})